Ext.define('Packt.view.MyViewport', {
    extend: 'Ext.container.Viewport',
    alias: 'widget.mainviewport',

    requires: [
        'Packt.view.Header',
        'Packt.view.menu.Accordion',
        'Packt.view.MainPanel'
    ],

    layout: {
        type: 'border'
    },

    items: [
        {
            xtype: 'mainmenu',
            width: 185,
            collapsible: true,
            region: 'west',//,
            style: 'background-color: #fff;'
        },
        {
            xtype: 'appheader',
            region: 'north'
        },
        {
            xtype: 'mainpanel',
            region: 'center'
        },
        {
            xtype: 'container',
            region: 'south',
            height: 30,
            style: 'border-top: 1px solid #4c72a4;',
            html: '<div id="titleHeader"><center><span style="font-size:10px;">Mastering ExtJS book - Loiane Groner - http://packtpub.com</span></center></div>'
        }
    ]
});


/*Ext.define('Packt.view.MyViewport', {
	extend: 'Ext.container.Viewport',
	// #1
	alias: 'widget.mainviewport',
	// #2
	requires: ['Packt.view.Header' // #3
	],
	layout: {
		type: 'border' // #4
	},
	items: [{
		xtype: 'container',
		// #5
		width: 185,
		collapsible: true,
		region: 'west',
		//style: 'background-color: #8FB488;'
        style: 'background-color: #fff'
	},
	{
		xtype: 'appheader',
		// #6
		region: 'north'
	},
	{
		xtype: 'container',
		// #7
		region: 'center'
	},
	{
		xtype: 'container',
		// #8
		region: 'south',
		height: 30,
		style: 'border-top: 1px solid #4c72a4;',
		html: '<div id="titleHeader"><center><span style="font-size:10px;">FrameClientCore : MIS NPL Team</span></center></div>'
	}]
});*/